@charset "UTF-8";

@keyframes mymovel {
	0% {
		left: 30px
	}

	to {
		left: 0
	}
}

@-webkit-keyframes mymovel {
	0% {
		left: 30px
	}

	to {
		left: 0
	}
}

@keyframes mymove {
	0% {
		left: 0
	}

	to {
		left: 30px
	}
}

@-webkit-keyframes mymove {
	0% {
		left: 0
	}

	to {
		left: 30px
	}
}

@-webkit-keyframes orbloop {
	0% {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes orbloop {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes orbmove {
	0% {
		-webkit-transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-2000px)
	}
}

@keyframes orbmove {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-2000px)
	}
}

.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before {
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-webkit-transition-duration: .4s
}

.hamburger {
	z-index: 10000
}

.hamburger__icon {
	position: relative
}

.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before {
	display: block;
	width: 25px;
	height: 2px;
	-moz-transition-property: background-color,-moz-transform;
	-o-transition-property: background-color,-o-transform;
	-webkit-transition-property: background-color,-webkit-transform;
	transition-property: background-color,transform;
	transition-duration: .4s
}

.hamburger__icon:after,.hamburger__icon:before {
	position: absolute;
	content: ""
}

.hamburger__icon:before {
	top: -7px
}

.hamburger__icon:after {
	top: 7px
}

.hamburger.active .hamburger__icon {
	background-color: transparent
}

.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before {
	background-color: #fff
}

.hamburger.active .hamburger__icon:before {
	-moz-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-webkit-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg)
}

.hamburger.active .hamburger__icon:after {
	-moz-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-webkit-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg)
}

.fat-nav {
	top: 0;
	left: 0;
	z-index: 1000;
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

.fat-nav__wrapper {
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed
}

.fat-nav.active {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.fat-nav ul {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0
}

.fat-nav li {
	list-style-type: none;
	text-align: center;
	padding: 10px;
	font-size: 2em;
	color: #fff
}
.fat-nav li a {
	color: #fff;
	text-decoration: none
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

* html .clearfix {
	zoom: 1
}

:first-child+html .clearfix {
	zoom: 1
}

*,img {
	border: 0
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-ms-touch-callout: none;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s
}

body,html {
	height: 100%
}

html {
	font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased
}

body {
	color: #1b1b1b;
	padding: 0;
	width: 100%;
	margin: 0;
	font-size: 12px;
	overflow-x: hidden
}

a {
	text-decoration: none;
	color: inherit
}

ol,ul {
	list-style: none;
	-webkit-padding-start: 0
}

li {
	list-style-type: none
}

em,i {
	font-style: normal
}

@font-face {
	font-family:TH;src:local("☺"),url(../fonts/HelveticaNeueLTPro-ThEx.woff2) format("woff2"),url(../fonts/HelveticaNeueLTPro-ThEx.woff) format("woff"),url(../fonts/HelveticaNeueLTPro-ThEx.ttf) format("truetype"),url(../fonts/HelveticaNeueLTPro-ThEx.eot) format("embedded-opentype"),url(../fonts/HelveticaNeueLTPro-ThEx.svg) format("svg");font-weight:400;font-style:normal
}

@font-face {
	font-family:Conv_QUARTO-BOLD;src:local("☺"),url(../fonts/QUARTO-BOLD.woff2) format("woff2"),url(../fonts/QUARTO-BOLD.woff) format("woff"),url(../fonts/QUARTO-BOLD.ttf) format("truetype"),url(../fonts/QUARTO-BOLD.eot) format("embedded-opentype"),url(../fonts/QUARTO-BOLD.svg) format("svg");font-weight:400;font-style:normal
}

@font-face {
	font-family:"方正超粗黑简体";src:local("☺"),url(../fonts/方正超粗黑简体.woff2) format("woff2"),url(../fonts/方正超粗黑简体.woff) format("woff"),url(../fonts/方正超粗黑简体.ttf) format("truetype"),url(../fonts/方正超粗黑简体.eot) format("embedded-opentype"),url(../fonts/方正超粗黑简体.svg) format("svg");font-weight:400;font-style:normal
}

.wrap {
	transform: translate3d(0,180px,0);
	opacity: 0;
	transition: all ease-out .5s
}

.wrap.loadedEase {
	transform: translate3d(0,0,0);
	opacity: 1
}

h1,h2,h3,h4,ol,p,ul {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0
}

h1,h2,h3,h4 {
	font-weight: 400
}

table,td,th,tr {
	border-collapse: collapse;
	font-size: 12px
}

img {
	vertical-align: top
}

p {
	display: block;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0
}

.container {
	width: 1200px;
	position: relative;
	margin: 0 auto
}

.banner {
	background: url(../images/banner.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative
}

.slogan,.topbar {
	position: absolute;
	color: #fff
}

.topbar {
	padding: 30px 70px 0;
	z-index: 1000;
	width: 100%
}

.topbar h1 {
	float: left;
	background: url(../images/icon-logo.png) no-repeat;
	width: 308px;
	height: 68px;
	z-index: 9 margin-top:5px
}

.topbar .topbar-right {
	float: right
}

.topbar .topbar-right .contactus {
	display: flex;
	float: right;
	align-items: center
}

.topbar .topbar-right .contactus span {
	font-size: 14px;
	margin-right: 20px;
	float: left
}

.topbar .topbar-right .contactus h2 {
	font-family: Impact;
	margin-right: 20px;
	float: left;
	font-size: 28px
}

.topbar .topbar-right .contactus .icon-weixin {
	font-size: 20px;
	color: #fff;
	float: left
}

.topbar .topbar-right .navlist {
	margin-top: 45px
}

.topbar .topbar-right .navlist li {
	float: left;
	margin-left: 50px;
	font-size: 18px
}

.topbar .topbar-right .navlist .cur a {
	color: #ff4343
}

.slogan {
	bottom: 150px;
	left: 98px
}

.slogan h2 {
	font-size: 118px;
	font-family: Impact
}

.slogan span {
	margin-top: 30px;
	font-size: 26px;
	color: #fff
}

.banner .videocon {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0
}

.homepage-body {
	position: relative
}

.homepage-body .icon-bigcircle {
	background: url(../images/icon-bigcircle.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	width: 854px;
	height: 990px
}

.left-navigation {
	position: fixed;
	width: 60px;
	height: 100%;
	margin-top: 50px;
	text-align: center;
	z-index: 2000
}

.left-navigation a {
	display: block;
	margin-bottom: 40px
}

.left-navigation i,.public-title span {
	color: #bfbfbf;
	font-size: 30px;
	display: inline-block
}

.public-title {
	width: 300px
}

.public-title h2 {
	font-size: 30px;
	color: #1b1b1b;
	border-bottom: 1px solid #ededed;
	padding-bottom: 8px;
	font-weight: 700
}

.public-title span {
	font-size: 14px;
	margin-top: 8px;
	font-family: Helvetica Neue LT Pro
}

.bubble {
	position: relative;
	height: 100%;
	margin-left: 60px;
	background: #fafafa
}

.publicbg {
	z-index: 1000;
	padding: 30px 0 60px 60px;
	position: relative
}

.publicbg .news-left {
	float: left
}

.publicbg .news-left .news-nav li {
	margin-top: 50px
}

.publicbg .news-left .news-nav li a {
	font-size: 20px;
	color: #7d7d7d
}

.brand-list .cur a,.brand-list li:hover a,.page-turning .page:hover span,.publicbg .news-left .news-nav .cur a {
	color: #fd0037
}

.icon-newline {
	background: #fff;
	width: 35px;
	display: inline-block;
	height: 2px;
	margin-right: 20px;
	position: relative;
	margin-top: 30px;
	cursor: pointer
}

.icon-newline .icon-dot {
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	left: 0;
	margin-top: -3px;
	top: 50%
}

.contact-page {
	background: #fff url(../images/contactbg.png) no-repeat;
	padding-bottom: 200px;
	width: 100%;
	background-size: cover;
	box-shadow: 10px 10px 40px #e2e2e2
}

.contact-page h3 {
	margin-left: 75px;
	padding-top: 6%;
	color: #fd0037;
	font-weight: 700;
	font-size: 120px
}

.contact-page p {
	font-size: 18px;
	margin-top: 60px;
	line-height: 30px;
	width: 590px;
	margin-left: 77px
}

.contact-page .contact-ways {
	margin: 120px 0 0 77px
}

.contact-page .contact-ways li {
	float: left;
	margin-right: 10%
}

.contact-page .contact-ways li h4 {
	font-size: 24px;
	font-weight: 700;
	color: #1b1b1b
}

.contact-page .contact-ways li span {
	font-size: 20px;
	color: #a0a0a0;
	margin-top: 20px;
	display: inline-block
}

.alert-box,.public-box {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.alert-box {
	position: fixed;
	z-index: 9999;
	display: none
}

.public-box {
	background: rgba(0,0,0,.5)
}

.introwar,.mask,.public-box {
	position: absolute
}

.mask {
	border: 1px solid #fd0037;
	padding: 15px;
	margin-left: -360px;
	top: 20%;
	left: 50%
}

.mask .mask-info {
	background: rgba(253,0,55,.68);
	width: 720px;
	z-index: 99999;
	position: relative;
	padding: 70px;
	min-height: 400px;
	color: #fff
}

.mask .mask-info .icon-close {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 35px;
	cursor: pointer
}

.mask .mask-info h3 {
	font-size: 40px
}

.mask .mask-info .guide,.mask .mask-info .quote {
	margin-top: 50px
}

.mask .mask-info .guide p {
	font-size: 20px;
	line-height: 36px
}

.mask .mask-info .quote a {
	width: 282px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: left;
	font-size: 20px;
	border: 1px solid #fff
}

.mask .mask-info .quote .quote-button {
	background: #fff;
	color: #fd0037
}

.mask .mask-info .quote .refuse-button {
	color: #fff;
	margin-left: 15px
}

.brand-list li {
	float: left;
	margin-right: 100px
}

.brand-list li a {
	color: #666;
	font-size: 16px
}

.introwar {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center
}

.introwar .intro {
	color: #fff;
	text-align: center;
	width: 85%;
	height: 85%;
	margin: 3% auto 0;
	padding: 10% 30px 30px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-transform: uppercase
}

.introwar .intro .logowar {
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -124px;
	margin-top: -34px
}

.introwar .intro p,.introwar .intro:after,.introwar .intro:before {
	opacity: 0;
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s
}

.introwar .intro p {
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.introwar .intro .icon-line {
	background: #fff;
	width: 45px;
	display: inline-block;
	height: 3px;
	margin-top: 116px;
	opacity: 0;
	position: relative
}

.introwar .intro .icon-line .icon-dot {
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	left: 10%;
	margin-top: -4px;
	top: 50%
}

.introwar .intro:after,.introwar .intro:before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	pointer-events: none
}

.introwar .intro:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1)
}

.introwar .intro:after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0)
}

.page-turning {
	margin-top: 60px;
	position: relative
}

.page-turning .page {
	cursor: pointer
}

.page-turning .page i {
	float: left;
	margin-top: -3px;
	background: #1b1b1b
}

.page-turning .page span {
	float: left;
	font-size: 14px
}

.page-turning .page:hover i {
	background: #fd0037
}

.page-turning .page:hover .icon-dot {
	animation: mymove .5s infinite;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1
}

.page-turning .page-topwar {
	display: flex;
	justify-content: flex-end
}

.page-turning .page-right .page-top,.page-turning .page-topwar .page-top {
	height: 20px
}

.other-module li,.page-turning .page-left {
	float: left;
	margin-left: 10%;
	width: 300px;
	overflow: hidden
}

.page-turning .page-left .icon-newline {
	margin-top: 9px
}

.page-turning .page-left .icon-dot {
	left: 30px
}

.page-turning .page-left:hover .icon-dot {
	animation: mymovel .5s infinite!important;
	animation-fill-mode: forwards!important;
	animation-iteration-count: 1!important;
	-webkit-animation-iteration-count: 1!important
}

.page-turning .page-right {
	float: right;
	margin-right: 10%;
	width: 300px;
	overflow: hidden
}

.page-turning .page-right .icon-newline {
	margin-top: 8px
}

.page-turning .page-right span {
	margin-right: 20px
}

.page-middle {
	position: absolute;
	left: 50%;
	top: 0;
	width: 20%;
	margin-left: -10%;
	text-align: center
}

.page-middle span {
	font-size: 14px;
	color: #7d7d7d
}

.page-middle .icon-back {
	background: url(../images/icon-back.png) no-repeat;
	width: 39px;
	height: 39px;
	display: inline-block
}

.page-middle:hover span,.page-turning .page-left:hover h3,.page-turning .page-right:hover h3 {
	color: #fd0037
}

.page-middle:hover .icon-back {
	background: url(../images/icon-backred.png) no-repeat
}

.page-turning h3 {
	font-size: 24px;
	margin-top: 10px
}

.page-turning .page-left {
	text-align: right
}

.page-turning .page-right {
	text-align: left
}

.case-top {
	position: relative
}

.case-top h3 {
	font-size: 9vw
}

.case-top .redcolor,.case-top p span {
	color: #fd0037
}

.case-top .greycolor {
	color: #7d7d7d
}

.case-top h4 {
	font-size: 6vw;
	color: #f2f2f2
}

.case-top p {
	font-size: 1.56vw;
	line-height: 46px
}

.case-top img {
	vertical-align: middle;
	height: 40px;
	margin-left: 4px
}

.other-modulewar {
	text-align: center
}

.other-module {
	border-top: 1px solid #dedede;
	margin: 140px auto 0;
	padding: 140px 2% 0
}

.other-module li {
	margin-left: 2%;
	width: 49%
}

.other-module li a {
	display: inline-block;
	color: #fff;
	background: #1b1b1b;
	text-align: center;
	cursor: pointer;
	height: 200px;
	width: 100%;
	-webkit-transition: opacity 1s,-webkit-transform 1s;
	transition: opacity 1s,transform 1s
}

.other-module li a h3 {
	font-size: 20px;
	margin-top: 30px
}

.other-module li a h4 {
	font-size: 60px;
	font-family: Conv_QUARTO-BOLD;
	font-weight: 400;
	margin-top: 10px
}

.other-module li a .icon-newline {
	background: #fff;
	margin-top: 20px
}

.other-module li a .icon-newline .icon-dot {
	background: #fff
}

.other-module .contact:hover a {
	background: url(../images/contact-bg.png) no-repeat
}

.other-module .case:hover a {
	background: url(../images/case-bg.png) no-repeat
}

.other-module li:hover a {
	background-size: cover;
	-webkit-transform: scale3d(1.2,1.2,1);
	transform: scale3d(1.2,1.2,1)
}

.other-module li:hover a .icon-dot {
	animation: mymove .5s infinite;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1
}

.other-module li:hover a h3 {
	font-size: 20px;
	margin-top: 45px
}

.other-module li:hover a h4 {
	font-size: 50px
}

.other-module .ml0 {
	margin-left: 0
}

#bg {
	width: 1000px;
	height: 1200px;
	top: 0;
	left: 50%;
	margin-left: -500px;
	margin-top: -600px;
	z-index: 900;
	opacity: 1
}

#bg,#bg div div {
	position: absolute
}

#bg .row1 div {
	-webkit-animation: orbmove 96s linear infinite;
	animation: orbmove 96s linear infinite;
	opacity: .3
}

#bg .row1 .orb1,#bg .row1 .orb1c,#bg .row1 .orb2 {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -380px
}

#bg .row1 .orb1 div {
	width: 100%;
	height: 100%;
	border-radius: 60px;
	background: -webkit-linear-gradient(top,#fff,#d5d4d4);
	background: linear-gradient(to bottom,#fff,#d5d4d4);
	-webkit-animation: orbloop 6s linear infinite;
	animation: orbloop 6s linear infinite
}

#bg .row1 .orb1c,#bg .row1 .orb2 {
	width: 100px;
	height: 100px;
	margin-left: 450px;
	margin-top: 350px
}

#bg .row1 .orb1c div,#bg .row1 .orb2 div,#bg .row1 .orb2c div,#bg .row2 .orb1 div,#bg .row2 .orb1c div,#bg .row2 .orb2 div,#bg .row2 .orb2c div,#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background: -webkit-linear-gradient(top,#fff,#d5d4d4);
	background: linear-gradient(to bottom,#fff,#d5d4d4);
	-webkit-animation: orbloop 6s linear infinite;
	animation: orbloop 6s linear infinite
}

#bg .row1 .orb1c {
	width: 60px;
	height: 60px;
	margin-left: 1970px;
	margin-top: -380px
}

#bg .row1 .orb1c div,#bg .row1 .orb2c div,#bg .row2 .orb1 div,#bg .row2 .orb1c div,#bg .row2 .orb2 div,#bg .row2 .orb2c div,#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 60px
}

#bg .row1 .orb2c,#bg .row2 .orb1,#bg .row2 .orb2 {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-left: 2450px;
	margin-top: 50px
}

#bg .row1 .orb2c div,#bg .row2 .orb1 div,#bg .row2 .orb1c div,#bg .row2 .orb2 div,#bg .row2 .orb2c div,#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 100px
}

#bg .row2 div {
	-webkit-animation: orbmove 48s linear infinite;
	animation: orbmove 48s linear infinite;
	opacity: .6
}

#bg .row2 .orb1,#bg .row2 .orb2 {
	width: 200px;
	height: 200px;
	margin-left: -500px;
	margin-top: -300px
}

#bg .row2 .orb1 div,#bg .row2 .orb1c div,#bg .row2 .orb2 div,#bg .row2 .orb2c div,#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 200px
}

#bg .row2 .orb2 {
	width: 250px;
	height: 250px;
	margin-left: 175px;
	margin-top: -125px
}

#bg .row2 .orb1c div,#bg .row2 .orb2 div,#bg .row2 .orb2c div,#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 250px
}

#bg .row2 .orb1c,#bg .row2 .orb2c,#bg .row3 .orb1 {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-left: 1500px;
	margin-top: -300px
}

#bg .row2 .orb1c div,#bg .row2 .orb2c div,#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 200px
}

#bg .row2 .orb2c,#bg .row3 .orb1 {
	width: 400px;
	height: 400px;
	margin-left: 2100px;
	margin-top: -200px
}

#bg .row2 .orb2c div,#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 400px
}

#bg .row3 div {
	-webkit-animation: orbmove 24s linear infinite;
	animation: orbmove 24s linear infinite;
	opacity: .7
}

#bg .row3 .orb1 {
	width: 300px;
	height: 300px;
	margin-left: 850px;
	margin-top: -300px
}

#bg .row3 .orb1 div,#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 300px
}

#bg .row3 .orb1c,#bg .row3 .orb2,#bg .row3 .orb2c {
	position: absolute;
	width: 600px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin-left: 0;
	margin-top: 0
}

#bg .row3 .orb1c div,#bg .row3 .orb2 div,#bg .row3 .orb2c div {
	border-radius: 600px
}

#bg .row3 .orb1c,#bg .row3 .orb2c {
	width: 300px;
	height: 300px;
	margin-left: 2850px;
	margin-top: -300px
}

#bg .row3 .orb1c div,#bg .row3 .orb2c div {
	border-radius: 300px
}

#bg .row3 .orb2c {
	width: 600px;
	height: 600px;
	margin-left: 2000px;
	margin-top: 0
}

#bg .row3 .orb2c div {
	border-radius: 600px
}

.swork-title {
	padding: 0 0 46px 30px
}

.swork-title .title-line {
	display: inline-block;
	width: 2px;
	height: 47px;
	background-color: #000;
	position: absolute;
	top: 0
}

.swork-title .title-wrapper {
	display: inline-block;
	overflow: hidden;
	position: relative;
	left: 0;
	bottom: 0;
	width: calc(100% - 10px);
	height: 47px
}

.swork-title .title-wrapper .title-text {
	font-size: 1.1em;
	color: #424242;
	display: inline-block;
	position: relative;
	left: 20px;
	top: 13px
}

.r {
	position: relative;
	width: 100%;
	margin-bottom: 60px
}

.hamburger__icon {
	margin-top: 0;
	margin-bottom: 30px
}

.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before {
	background-color: #bfbfbf;
	display: inline-flex
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */@-webkit-keyframes bounce {
	0%,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	40%,43%,70% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06)
	}

	70% {
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@keyframes bounce {
	0%,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	40%,43%,70% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06)
	}

	70% {
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@-webkit-keyframes flash {
	0%,50%,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,50%,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@-webkit-keyframes pulse {
	0%,to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}
}

@keyframes pulse {
	0%,to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}
}

@-webkit-keyframes rubberBand {
	0%,to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1)
	}

	40% {
		-webkit-transform: scale3d(.75,1.25,1);
		transform: scale3d(.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}
}

@keyframes rubberBand {
	0%,to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1)
	}

	40% {
		-webkit-transform: scale3d(.75,1.25,1);
		transform: scale3d(.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}
}

@-webkit-keyframes shake {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}
}

@keyframes shake {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}
}

@-webkit-keyframes headShake {
	0%,50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}
}

@keyframes headShake {
	0%,50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@-webkit-keyframes tada {
	0%,to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
		transform: scale3d(.9,.9,.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
		transform: scale3d(1.1,1.1,1.1) rotate(3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
	}
}

@keyframes tada {
	0%,to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
		transform: scale3d(.9,.9,.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
		transform: scale3d(1.1,1.1,1.1) rotate(3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
	}
}

@-webkit-keyframes wobble {
	0%,to {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
		transform: translate3d(-25%,0,0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate(3deg);
		transform: translate3d(20%,0,0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
		transform: translate3d(-15%,0,0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate(2deg);
		transform: translate3d(10%,0,0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
		transform: translate3d(-5%,0,0) rotate(-1deg)
	}
}

@keyframes wobble {
	0%,to {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
		transform: translate3d(-25%,0,0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate(3deg);
		transform: translate3d(20%,0,0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
		transform: translate3d(-15%,0,0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate(2deg);
		transform: translate3d(10%,0,0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
		transform: translate3d(-5%,0,0) rotate(-1deg)
	}
}

@-webkit-keyframes jello {
	0%,11.1%,to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.39063deg) skewY(.39063deg);
		transform: skewX(.39063deg) skewY(.39063deg)
	}

	88.8% {
		-webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
		transform: skewX(-.19531deg) skewY(-.19531deg)
	}
}

@keyframes jello {
	0%,11.1%,to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.39063deg) skewY(.39063deg);
		transform: skewX(.39063deg) skewY(.39063deg)
	}

	88.8% {
		-webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
		transform: skewX(-.19531deg) skewY(-.19531deg)
	}
}

@-webkit-keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceIn {
	0%,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes bounceInDown {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInRight {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(-1turn);
		transform: perspective(400px) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg)
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
		transform: perspective(400px) scale3d(.95,.95,.95)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(-1turn);
		transform: perspective(400px) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg)
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
		transform: perspective(400px) scale3d(.95,.95,.95)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		opacity: 1;
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		opacity: 1;
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateIn {
	0% {
		transform-origin: center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
		-webkit-transform-origin: center
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		transform-origin: center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
		-webkit-transform-origin: center
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@-webkit-keyframes rotateOut {
	0% {
		transform-origin: center;
		opacity: 1;
		-webkit-transform-origin: center
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center;
		opacity: 1;
		-webkit-transform-origin: center
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		opacity: 1;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		opacity: 1;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		opacity: 1;
		-webkit-transform-origin: left bottom
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		opacity: 1;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		opacity: 1;
		-webkit-transform-origin: right bottom
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@-webkit-keyframes hinge {
	0% {
		transform-origin: top left;
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		transform-origin: top left
	}

	40%,80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,700px,0);
		transform: translate3d(0,700px,0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		transform-origin: top left;
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		transform-origin: top left
	}

	40%,80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,700px,0);
		transform: translate3d(0,700px,0);
		opacity: 0
	}
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
		transform: translate3d(-100%,0,0) rotate(-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
		transform: translate3d(-100%,0,0) rotate(-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate(120deg);
		transform: translate3d(100%,0,0) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate(120deg);
		transform: translate3d(100%,0,0) rotate(120deg)
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
		opacity: 0
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px,0,0);
		transform: scale(.1) translate3d(-2000px,0,0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px,0,0);
		transform: scale(.1) translate3d(-2000px,0,0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px,0,0);
		transform: scale(.1) translate3d(2000px,0,0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px,0,0);
		transform: scale(.1) translate3d(2000px,0,0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
		animation-timing-function: cubic-bezier(.175,.885,.32,1)
	}
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@keyframes myMove {
	0% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes mymoveleft {
	0% {
		padding-left: 120px;
		opacity: 0
	}

	to {
		padding-left: 40px;
		opacity: 1
	}
}

@-webkit-keyframes mymoveleft {
	0% {
		padding-left: 120px;
		opacity: 0
	}

	to {
		padding-left: 40px;
		opacity: 1
	}
}

@keyframes fadeInUp {
	0% {
		bottom: 10%;
		opacity: 0
	}

	to {
		bottom: 23%;
		opacity: 1
	}
}

@keyframes mymove {
	0% {
		left: 0
	}

	to {
		left: 30px
	}
}

@-webkit-keyframes mymove {
	0% {
		left: 0
	}

	to {
		left: 30px
	}
}

@keyframes Yl-img_an {
	0% {
		transform: scale(1,1)
	}

	to {
		transform: scale(1.5,1.5)
	}
}

@-webkit-keyframes c3_1 {
	0% {
		top: 10%;
		width: 75%;
		height: 80%;
		-webkit-transform: rotateX(0) rotatey(0) rotateZ(-720deg)
	}
}

@-webkit-keyframes c3_2 {
	30% {
		opacity: .3;
		border-radius: 5em
	}
}

@keyframes c3_1 {
	0% {
		top: 10%;
		width: 75%;
		height: 80%;
		transform: rotateX(0) rotatey(0) rotateZ(-720deg)
	}
}

@keyframes c3_2 {
	30% {
		opacity: .3;
		border-radius: 5em
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

.flipInX,.flipInY,.flipOutX,.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

.flipInY,.flipOutX,.flipOutY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

.flipOutX,.flipOutY {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX
}

.flipOutY {
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

@font-face {
	font-family:iconfont;src:url(iconfont.eot?t=1543561944889);src:url(iconfont.eot?t=1543561944889#iefix) format("embedded-opentype"),url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAagAAsAAAAACbgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8eEjYY21hcAAAAYAAAABvAAAByIDLgu9nbHlmAAAB8AAAAogAAAMwV/72RmhlYWQAAAR4AAAAMQAAADYTbUuwaGhlYQAABKwAAAAgAAAAJAfeA4hobXR4AAAEzAAAABYAAAAYGAH//2xvY2EAAATkAAAADgAAAA4C+AIabWF4cAAABPQAAAAeAAAAIAEWAGBuYW1lAAAFFAAAAUUAAAJtPlT+fXBvc3QAAAZcAAAAQQAAAFLi94MweJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMT17xtzwv4EhhrmBoQEozAiSAwDuYQzLeJztkcsJw0AMRN+ud4NZXEoK8M13k3p8cr3ThqNPEkgPHvEEMwgEEtCByXgaDcpJwXVYWiKfGJE3dvMLM5WmqqFVm3Rd8O9+Kjb9Ld/SLamx5cGtJfrr47pfMfF/aCSRr4n/Q1uCzyqhvQFiwx6mAHicbVI9aBRBFJ63szdze3vu3ia7s7fnGbKbu9140dPsnbtqfgxKRAg2ChZaKRYiiLESYhHUXJGghRIbwSYWSZEoElEEu4gEIY3X5ULsrGwtLG7PmQQV1OHx5r3hG773vfeQhFBnDX/AY4ghD6EU8Q6BBtTzg1GIe8A2CbUZEU884U9VwKuZgv7xSOPss8+y3Hy+0JRL3oYitX/cfSnj5cbMMk4v1zKZ5uAQfFlabMlya/HE7cGmXsBFvDrXeCvj17Nzq4gf0ul0tmXAHrKRiwbQCDqDziMEoV2FYJeRihrCeKeaIGQm8fx6VKNVqEcio/AbGUaxLVBlgeC/TNJX+xNKbwyj8Gn26YYME+OlaXfYM3IZwCuNNdNxKr29LLFcd7/jmFiVX03PrGC8MlOM9l4tHj0NyTXNsjTLcax1jTHNyuctqSzdfChxzMTU4RtjVAWp1D+1gK/kK3lul2D3hmR7ch7j+UnuVRpdrFwfqbKiBWAV2a9b9EHM4Ct+j/tRHxriM/ADrsqPhcR9YLKaG0YjUI9HodYDFuaqCcVcugZ+PYYotKEHKAn8ALgNEOofBADN0T0fbvV5MslRVYVqJSVvknQyl80xFZ7ohRw80iDb3WUYyRJNOVhSjwX37+WMLv2773mlNpWJAno2aR84ngWMU2omebAHWE6Fx7qeTGYNtZt/hgtKBoEQgceldeQgFLMwVoCNQqBAVAWqgK+BrQAx3/FKoATltM3r2IJSmtjppJVsKTZnKiVbZJgQKCetNGGKwCmM41ocz3OBozlBs8N1SrqDspzN59vCp+vuDNrl3eHNccVy/JPgk5rafqFqmiqdE/7/sXSZR0zj7fumCv93iH4CSKuWJXicY2BkYGAAYoXClknx/DZfGbhZGEDghjrzDRj9////wyyMzA5ALgcDE0gUACjYCx4AAAB4nGNgZGBgbvjfwBDDwvj/PwMDCyMDUAQFsAEAdgkEb3icY2FgYGABYcb//1lgbCAGABxcAhgAAAAAAAAAPgDCASIBWAGYAAB4nGNgZGBgYGMIAWIQYAJiLiBkYPgP5jMAABGqAXcAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BrTi/tLg0n608NbMiM48lIz83ldXZxz/YlT0nMzUpMzGfgQEA4vMLhgAAAA==) format("woff"),url(iconfont.ttf?t=1543561944889) format("truetype"),url(iconfont.svg?t=1543561944889#iconfont) format("svg")
}

.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-sousuo:before {
	content: "\e638"
}

.icon-weixin:before {
	content: "\e63f"
}

.icon-home:before {
	content: "\e602"
}

.icon-close:before {
	content: "\e6e6"
}

.icon-liebiao:before {
	content: "\e60a"
}

.addfloat {
	float: left
}

.public-module {
	margin-top: 20px;
	margin-left: 60px
}

.public-module .service-slogan {
	float: right;
	margin-right: 100px;
	background: url(../images/service-english.png) no-repeat;
	width: 998px;
	height: 81px;
	text-align: right;
	background-size: cover
}

.public-module .service-slogan p {
	font-size: 16px;
	color: #aaa;
	line-height: 81px
}

.service-listwar {
	text-align: center
}

.service-listwar .service-list {
	margin: 80px auto 0;
	display: inline-block
}

.service-listwar .service-list li span {
	font-family: TH;
	color: #999
}

.brand-info {
	position: relative
}

.brand-info .brand-list {
	background: url(../images/brand-english.png) no-repeat;
	height: 128px;
	line-height: 128px
}

.brand-info img {
	background-size: 80%
}

.brand-info,.brand-show,.customize .right .product-sort .lookmore {
	margin-top: 30px
}

.brand-show li {
	float: left;
	width: 33.333333%;
	position: relative
}

.brand-show li .intro h1,.case-list li .intro .logowar h1 {
	font-size: 35px
}

.brand-show li img,.customize .right .product-sort .sort-list,.news-info .left img {
	width: 100%
}

.brand-show li:hover .intro:after,.brand-show li:hover .intro:before,.case-list li:hover .intro:after,.case-list li:hover .intro:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.brand-show li:hover .intro h1,.brand-show li:hover .intro img {
	-webkit-transform: translate3d(0,-60px,0);
	transform: translate3d(0,-60px,0);
	opacity: 1
}

.brand-show li:hover .intro p {
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	opacity: 1
}

.brand-show li:hover .icon-line {
	opacity: 1;
	animation: mymoveleft 1s infinite;
	-webkit-animation: mymoveleft 1s infinite;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1
}

.brand-show li:hover .introwar {
	display: inline-block;
	background: rgba(253,0,55,.8)
}

.brand-show li:hover h3 {
	color: #ff6e30
}

.aboutus .aboutus-slogan {
	float: left;
	margin-left: 5%;
	width: 1000px;
	padding-top: 30px
}

.aboutus .aboutus-slogan h3 {
	font-size: 30px;
	font-weight: 700
}

.aboutus .aboutus-slogan h3 span,.customize .right .product-sort .sort-list li:hover span {
	color: #fd0037
}

.aboutus .aboutus-slogan p {
	font-size: 18px;
	line-height: 44px;
	color: #666;
	margin-top: 20px
}

.aboutus .aboutus-year {
	margin-top: 90px
}

.aboutus .aboutus-year li {
	float: left;
	width: 33%;
	text-align: center
}

.aboutus .aboutus-year li h2 {
	font-size: 90px;
	background-image: -webkit-gradient(linear,0 0,0 bottom,from(#fd0037),to(#ff839e));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	font-family: "方正超粗黑简体"
}

.aboutus .aboutus-year li .year-info {
	margin-top: -45px
}

.aboutus .aboutus-year li h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 32px
}

.aboutus .aboutus-year li span {
	color: #bfbfbf;
	font-family: TH
}

.customizewar {
	overflow: hidden
}

.customize {
	margin-top: 85px;
	background: url(../images/customizebg.jpg) center center no-repeat;
	width: 100%;
	background-size: cover;
	height: 800px
}

.customize .left {
	width: 50%;
	float: left;
	position: relative;
	color: #fff;
	padding-left: 73px;
	margin-top: 140px
}

.customize .left h3 {
	margin-left: 50px;
	font-size: 15px;
	font-family: TH
}

.customize .left h4 {
	font-size: 20px;
	margin-left: 50px
}

.customize .left h4 span {
	font-family: TH
}

.customize .left .year-line {
	background: url(../images/year-line.png) no-repeat;
	width: 30px;
	height: 605px;
	position: absolute;
	top: 62px;
	left: 200px
}
.caseinfobannerwar{
	text-align: center;
}
.caseinfobanner{
	background: url(../images/casebanner.png) no-repeat;
	width: 1500px;
	height:1031px;
	margin: 0 auto;
	position: relative;
	background-size: 100%;
	z-index: 999;
}
.caseinfobanner .casepic{
	position: absolute;
	top: 114px;
	left: 342px;
	width: 942px;
	height: 542px;
	
}
.customize .left .year-english {
	background: url(../images/cum-english.png) no-repeat;
	width: 23.95vw;
	height: 97.51vh;
	position: absolute;
	top: 0;
	left: 329px;
	background-size: 80%
}
.certificate{
	margin-top: 50px;
}
.certificateshow{
	text-align: center;
	width: 74%;
	margin-left: 21%;
	margin-right: 5%;
	position: relative;
}
.certificateshow .swiper-container{
	padding-top: 60px;
	position: initial !important;
}
.certificateshow .swiper-container img{
	width: 100%;
	    box-shadow: 1px 1px 15px #e8e6e6;
}
.swiper-slide .title{
	    position: absolute;
	    bottom: 45px;
	    width: 100%;
	    font-size: 14px;
	    margin-left: -50%;
	    left: 50%;

}
.certificateshow .swiper-button-prev{
	 left: -65px;
	 top: 62% !important;
}
.certificateshow .swiper-button-next{
	 right: -65px;
	 top: 62% !important;
}
.certificateshow  .swiper-pagination{
	font-size: 20px !important;
	bottom: 0px !important;
}
.certificateshow .swiper-pagination-current{
	color: #fd0037 !important;
}
.customize .right {
	float: right;
	width: 30%;
	margin-top: 110px;
	margin-left: 10%;
	margin-right: 10%;
	color: #fff
}

.customize .right h3 {
	font-size: 40px
}

.customize .right p {
	font-size: 16px;
	margin-top: 80px;
	line-height: 26px
}

.customize .right .product-sort {
	margin-top: 90px
}

.customize .right .product-sort .lookmore a {
	color: #fd0037;
	font-size: 24px
}

.customize .right .product-sort .sort-list li {
	border-bottom: 1px solid #7d7d7d;
	line-height: 60px;
	height: 60px;
	width: 100%;
	cursor: pointer
}

.customize .right .product-sort .sort-list li .icon-newline {
	float: right
}

.customize .right .product-sort .sort-list li span {
	float: left;
	font-size: 16px
}

.customize .right .product-sort .sort-list li:hover .icon-newline {
	background: #fd0037
}

.customize .right .product-sort .sort-list li:hover .icon-dot {
	animation: mymove .5s infinite;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	background: #fd0037
}

.news-info {
	float: left;
	margin-left: 4%;
	padding-top: 30px;
	margin-right: 10%;
	width: 68%;
	margin-bottom: 100px
}

.news-info .left {
	float: left;
	margin-right: 40px
}

.news-info .left .news-list {
	border-top: 0;
	margin-top: 1px
}

.news-info .right {
	float: left;
	width: 47%
}

.news-info .news-list {
	border-top: 1px solid #dedede
}

.news-info .news-list li {
	border-bottom: 1px solid #dedede;
	padding-top: 35px;
	padding-bottom: 22px
}

.news-info .news-list li .lookmore span,.news-info .news-list li h4,.tx2 i {
	font-size: 16px;
	color: #959595;
	font-family: TH
}

.news-info .news-list li h3 {
	font-size: 18px;
	color: #666;
	margin-top: 30px
}

.news-info .news-list li .lookmore {
	margin-top: 50px
}

.news-info .news-list li .lookmore span {
	float: left
}

.news-info .news-list li .lookmore .icon-newline {
	background: #959595;
	margin-top: 9px;
	margin-left: 25px
}

.news-info .news-list li .lookmore .icon-newline .icon-dot {
	background: #959595
}

.news-info .news-list li:hover {
	border-bottom: 1px solid #fd0037
}

.news-info .news-list li:hover .lookmore span,.news-info .news-list li:hover h3,.news-info .news-list li:hover h4 {
	color: #fd0037
}

.news-info .news-list li:hover .lookmore .icon-newline,.news-info .news-list li:hover .lookmore .icon-newline .icon-dot {
	background: #fd0037
}

.news-info .news-list li:hover .icon-dot,.service-body .service-neirong li:hover .icon-newline .icon-dot {
	animation: mymove .5s infinite;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1
}

.footer {
	background: #1b1b1b;
	padding: 30px 0;
	color: #7d7d7d
}

.footer .left {
	float: left;
	margin-left: 100px
}

.footer .left .about-company li {
	margin-right: 40px;
	float: left
}

.footer .left .about-company li a {
	color: #7d7d7d;
	font-size: 16px
}

.case-inner .brand-list li a,.footer .left .about-company li a:hover,.service-body .service-neirong li:hover .comma,.service-body .service-neirong li:hover .ser-info span {
	color: #fff
}

.case-list li .miaoshu p,.footer .left p {
	margin-top: 10px;
	font-size: 16px;
	color: #7d7d7d
}

.footer .right {
	float: right;
	margin-right: 100px;
	margin-top: 13px
}

.footer .right strong {
	font-family: Impact;
	color: #7d7d7d;
	font-size: 28px
}

.footer .right i {
	font-size: 24px;
	margin-left: 20px;
	color: #7d7d7d
}

@media screen and (max-width:1360px) {
	.service-slogan {
		width: 724px!important;
		height: 59px!important
	}

	.service-slogan p {
		font-size: 12px!important;
		line-height: 59px!important
	}
}

@media screen and (min-width:1200px) {
	.service-list {
		margin-top: 80px;
		padding-right: 50px
	}

	.service-list li {
		float: left;
		margin-left: 50px;
		width: 168px;
		height: 168px;
		margin-right: 50px;
		text-align: center
	}

	.service-list li img {
		width: 100%
	}

	.service-list li h3 {
		font-size: 18px;
		margin-top: 10px
	}

	.service-list li span {
		font-size: 14px
	}
}

@media screen and (min-width:1360px) {
	.news-info {
		float: left;
		padding-top: 30px;
		width: 70%;
		margin-right: 0
	}

	.news-info .left {
		margin-right: 40px
	}

	.news-info .left img {
		width: 615px;
		height: 400px
	}

	.news-info .left,.news-info .right {
		float: left;
		width: 615px
	}
}

@media screen and (min-width:1360px) and (max-width:1660px) {
	.service-slogan {
		width: 840px!important;
		height: 68px!important
	}

	.service-slogan p {
		font-size: 14px!important;
		line-height: 68px!important
	}

	.service-list {
		margin-top: 80px;
		padding-right: 50px
	}

	.service-list li {
		float: left;
		margin-left: 50px;
		width: 209px;
		height: 209px;
		margin-right: 50px;
		text-align: center
	}

	.service-list li img {
		width: 100%
	}

	.service-list li h3 {
		font-size: 18px;
		margin-top: 10px
	}

	.service-list li span {
		font-size: 14px
	}
}

@media screen and (min-width:1660px) and (max-width:1920px) {
	.news-info {
		float: left;
		width: 73%
	}

	.news-info .right {
		float: left;
		width: calc(100% - 655px)
	}

	.service-slogan {
		width: 998px;
		height: 81px
	}

	.service-slogan p {
		font-size: 16px!important;
		line-height: 81px!important
	}

	.service-list {
		margin-top: 80px;
		padding-right: 50px
	}

	.service-list li {
		float: left;
		margin-left: 50px;
		width: 283px;
		height: 283px;
		margin-right: 50px;
		text-align: center
	}

	.service-list li img {
		width: 100%
	}

	.service-list li h3 {
		font-size: 18px;
		margin-top: 10px
	}

	.service-list li span {
		font-size: 14px
	}
}

.news-center .news-right {
	padding-top: 48px
}

.news-center .news-right .news-list li {
	padding-top: 35px
}

.news-inner {
	text-align: center;
	margin-top: -90px;
	background: #fff;
	padding: 70px
}

.news-inner h2 {
	font-size: 24px;
	color: #626262
}

.news-inner .inner-top {
	margin-top: 50px;
	color: #7d7d7d;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px
}

.case-banner .client .client-left .client-top h1,.news-inner .inner-top .inner-left,.pagelist span {
	float: left
}

.news-inner .inner-top .inner-right {
	float: right
}

.news-inner .inner-content,.news-inner .inner-content p {
	margin-top: 30px;
	text-align: left;
	text-indent: 2em;
	font-size: 16px;
	color: #626262;
	line-height: 36px
}

.history li h4,.news-inner .inner-content img {
	margin-top: 30px
}

.case-info {
	margin-top: 200px
}

.case-list li {
	float: left;
	width: 30%;
	position: relative;
	margin-right: 3%;
	margin-top: 70px
}

.case-list li .introwar-casehover {
	overflow: hidden;
	position: relative
}

.case-list li .introwar-casehover .thumb {
	max-height: 350px
}

.case-list li .miaoshu h3 {
	margin-top: 40px;
	font-size: 24px
}

.case-list li .miaoshu p {
	margin-top: 20px;
	line-height: 30px
}

.case-list li:hover .intro h1,.case-list li:hover .intro img {
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
	opacity: 1
}

.case-list li:hover .intro p {
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
	opacity: 1
}

.case-list li:hover .icon-line {
	opacity: 1;
	animation: mymoveleft 1s infinite;
	-webkit-animation: mymoveleft 1s infinite;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1
}

.case-list li:hover .introwar {
	display: inline-block;
	background: rgba(253,0,55,.8)
}

.case-list li:hover .miaoshu h3,.case-list li:hover .miaoshu p,.pagelist .cur {
	color: #fd0037
}

.pagelist {
	margin: 5px auto 0;
	display: inline-block
}

.pagelist a {
	float: left;
	font-size: 14px;
	margin-left: 10px;
	margin-right: 10px
}

.aboutus-topwar .left h3 em,.pagelist:hover span {
	color: #7d7d7d
}
.aboutus-top{
	margin-top: 50px;
}
.service-body {
	margin-top: 80px
}

.service-body .service-neirong {
	float: left;
	width: 38%
}

.service-body .service-neirong .ser-01,.service-body .service-neirong .ser-01 .comma,.service-body .service-neirong .ser-01 .ser-info span,.service-body .service-neirong .ser-01 h3,.service-body .service-neirong .ser-01 h4 {
	color: #c100ac
}

.service-body .service-neirong .ser-01 .icon-newline,.service-body .service-neirong .ser-01 .icon-newline .icon-dot {
	background: #c100ac!important
}

.service-body .service-neirong .ser-02 .icon-newline,.service-body .service-neirong .ser-02 .icon-newline .icon-dot {
	background: #13b5b1!important
}

.service-body .service-neirong .ser-03,.service-body .service-neirong .ser-03 .comma,.service-body .service-neirong .ser-03 .ser-info span,.service-body .service-neirong .ser-03 h3,.service-body .service-neirong .ser-03 h4 {
	color: #00ca5d
}

.service-body .service-neirong .ser-03 .icon-newline,.service-body .service-neirong .ser-03 .icon-newline .icon-dot {
	background: #00ca5d!important
}

.service-body .service-neirong .ser-02,.service-body .service-neirong .ser-02 .comma,.service-body .service-neirong .ser-02 .ser-info span,.service-body .service-neirong .ser-02 h3,.service-body .service-neirong .ser-02 h4 {
	color: #fd0037
}

.service-body .service-neirong .ser-02 .icon-newline,.service-body .service-neirong .ser-02 .icon-newline .icon-dot {
	background: #fd0037!important
}

.service-body .service-neirong .ser-04,.service-body .service-neirong .ser-04 .comma,.service-body .service-neirong .ser-04 .ser-info span,.service-body .service-neirong .ser-04 h3,.service-body .service-neirong .ser-04 h4 {
	color: #0096ff
}

.service-body .service-neirong .ser-04 .icon-newline,.service-body .service-neirong .ser-04 .icon-newline .icon-dot {
	background: #0096ff!important
}

.service-body .service-neirong .ser-05,.service-body .service-neirong .ser-05 .comma,.service-body .service-neirong .ser-05 .ser-info span,.service-body .service-neirong .ser-05 h3,.service-body .service-neirong .ser-05 h4 {
	color: #000
}

.service-body .service-neirong .ser-05 .icon-newline,.service-body .service-neirong .ser-05 .icon-newline .icon-dot {
	background: #000!important
}

.service-body .service-neirong .ser-06,.service-body .service-neirong .ser-06 .comma,.service-body .service-neirong .ser-06 .ser-info span,.service-body .service-neirong .ser-06 h3,.service-body .service-neirong .ser-06 h4 {
	color: #ff9f00
}

.service-body .service-neirong .ser-06 .icon-newline,.service-body .service-neirong .ser-06 .icon-newline .icon-dot {
	background: #ff9f00!important
}

.service-body .service-neirong .ser-01:hover {
	background: url(../images/ser-01-hoverpic.png) no-repeat
}

.service-body .service-neirong .ser-02:hover {
	background: url(../images/ser-02-hoverpic.png) no-repeat
}

.service-body .service-neirong .ser-03:hover {
	background: url(../images/ser-03-hoverpic.png) no-repeat
}

.service-body .service-neirong .ser-04:hover {
	background: url(../images/ser-04-hoverpic.png) no-repeat
}

.service-body .service-neirong .ser-05:hover {
	background: url(../images/ser-05-hoverpic.png) no-repeat
}

.service-body .service-neirong .ser-06:hover {
	background: url(../images/ser-06-hoverpic.png) no-repeat
}

.service-body .service-neirong li {
	background: #fff;
	margin-top: 80px;
	width: 100%;
	padding: 50px;
	height: 520px;
	cursor: pointer
}

.service-body .service-neirong li .icon-newline,.service-body .service-neirong li:hover .ser-info {
	margin-top: 40px
}

.service-body .service-neirong li .tubiao {
	opacity: 0;
	height: 0
}

.service-body .service-neirong li .comma {
	font-size: 120px
}

.service-body .service-neirong li h3 {
	font-size: 4.16vw;
	margin-top: -20px;
	font-family: Conv_QUARTO-BOLD
}

.service-body .service-neirong li h4 {
	font-size: 40px
}

.service-body .service-neirong li .ser-info {
	position: absolute;
	bottom: 40px;
	left: 50px
}

.service-body .service-neirong li .ser-info span {
	float: left;
	font-size: 18px;
	margin-right: 25px;
	line-height: 28px
}

.service-body .service-neirong li:hover {
	padding: 30px 50px;
	color: #fff;
	box-shadow: 0 10px 30px #9b9b9b;
	position: relative
}

.service-body .service-neirong li:hover h3 {
	font-size: 50px;
	margin-top: -45px;
	color: #fff
}

.service-body .service-neirong li:hover h4 {
	font-size: 24px;
	color: #fff
}

.service-body .service-neirong li:hover .tubiao {
	position: absolute;
	bottom: 10%;
	left: 40px;
	opacity: 1;
	height: 100px;
	animation: fadeInUp 1s;
	-webkit-animation: fadeInUp 1s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-fill-mode: forwards
}

.service-body .service-neirong li:hover .icon-newline {
	background: #fff!important
}

.service-body .service-neirong li:hover .icon-newline .icon-dot {
	background: #fff!important
}

.service-body .service-01 {
	margin-right: 3%;
	margin-left: 10%;
	margin-top: 70px
}

.service-body .service-02 {
	margin-right: 10%
}

.Yl-container,.history li h3 {
	font-family: Conv_QUARTO-BOLD
}

.orangebg {
	padding: 0 0 0 60px;
	position: relative;
	height: 100%
}

.orangebg .page-turning {
	margin-top: 70px;
	margin-bottom: 100px
}

.orangebg .page-turning .page-middle {
	top: 0
}

.case-inner {
	background: #000!important;
	padding: 40px 0 60px
}

.case-banner,.case-inner .brand-list {
	margin-left: 130px
}

.case-banner {
	padding: 0;
	margin-top: 50px;
	max-width: 1500px
}

.case-banner .case-image {
	position: relative;
	color: #fff
}

.case-banner .case-image h2 {
	position: absolute;
	bottom: 110px;
	font-size: 80px;
	left: 40px
}

.case-banner .case-image span {
	position: absolute;
	font-size: 30px;
	bottom: 64px;
	left: 40px
}

.case-banner .inner {
	width: 100%
}

.case-banner .client .client-left {
	float: left;
	width: 47%;
	margin-right: 3%;
	margin-top: 90px
}

/* .case-banner .client .client-left .client-top h1 img {
	width: 248px;
	height: 68px
}
 */
.case-banner .client .client-left .client-top span {
	float: right;
	margin-top: 15px;
	position: relative;
	cursor: pointer
}

.case-banner .client .client-left .client-top span em {
	display: none;
	position: absolute;
	bottom: 78px;
	left: -47px;
	background: #fff
}

.case-banner .client .client-left .client-top span em img {
	width: 143px;
	height: 143px;
	padding: 8px
}

.case-banner .client .client-left .client-top span em .icon-down {
	background: url(../images/icon-down.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 56px;
	bottom: -17px
}

.case-banner .client .client-left .client-top span .icon-qr-bg {
	background: url(../images/qr-bg.png) no-repeat;
	width: 52px;
	height: 52px;
	display: inline-block
}

.case-banner .client .client-left .client-top span:hover em {
	display: inline-block
}

.case-banner .client .client-left p {
	font-size: 18px;
	line-height: 36px;
	margin-top: 30px;
	color: #fff
}

.case-banner .client .order-info {
	float: left;
	width: 47%;
	margin-left: 3%;
	margin-top: 40px
}

.case-banner .client .order-info li {
	float: left;
	width: 50%;
	color: #fff;
	margin-top: 50px
}

.case-banner .client .order-info li h3 {
	font-size: 24px
}

.case-banner .client .order-info li h3 em {
	font-size: 16px
}

.case-banner .client .order-info li h4 {
	font-size: 18px;
	margin-top: 17px;
	height: 24px
}

.case-page {
	margin-top: 40px
}

.case-page .page-list {
	margin: 0 auto;
	max-width: 1500px;
	text-align: center
}

.case-page .page-list .page-li {
	float: left;
	width: 40%;
	margin-left: 5%;
	text-align: center
}

.case-page .page-list .page-li img {
	box-shadow: 1px 0 20px 10px rgba(66,66,66,.1);
	width: 448px;
	height: 802px;
	margin-top: 30px
}

.case-page .page-list .page-li .page-par {
	margin-bottom: 200px;
	margin-left: 94px
}

.case-page .page-list .page-li .page-par p {
	text-align: left;
	color: #7d7d7d;
	font-size: 18px;
	line-height: 36px
}

.case-page .page-list .page-li .page-detail {
	text-align: center;
	margin: 0 auto 200px;
	width: 448px
}

.case-page .page-list .page-li .page-detail .title {
	text-align: left
}

.case-page .page-list .page-li .page-detail .title .icon-line {
	width: 3px;
	height: 40px;
	margin-left: 40px;
	background: #fd0037;
	display: inline-block;
	vertical-align: middle;
	margin-top: -10px
}

.case-page .page-list .page-li .page-detail .title span {
	font-size: 14px;
	margin-left: 10px;
	display: inline-block
}

.case-page .page-02 {
	margin-top: 150px
}

.similar-case {
	background: #fafafa;
	padding: 60px 0 60px 60px
}

.good-at {
	padding: 70px 100px
}

.aboutus-topwar .aboutus-top {
	position: relative
}

.aboutus-topwar .left {
	position: absolute;
	top: -40px;
	left: 60px
}

.aboutus-topwar .left h3 {
	font-size: 6.25vw;
	color: #fd0037;
	font-weight: 700;
	line-height: 100px
}

.aboutus-topwar .right {
	float: right;
	width: 66%
}

.aboutus-topwar .right img {
	width: 100%;
	float: right
}

.aboutus-topwar .description {
	font-size: 40px;
	font-family: Tohoma;
	margin-top: 30px;
	line-height: 70px;
	font-weight: 700;
	margin-left: 120px
}

.history {
	margin-top: 220px
}

.history li {
	float: left;
	background: #fff;
	padding: 30px;
	width: 31%
}

.history li span {
	font-size: 20px;
	color: #626262
}

.history li h3 {
	font-size: 120px;
	color: #fd0037;
	margin-left: -7px
}

.history li .icon-line {
	width: 35px;
	height: 4px;
	display: inline-block;
	background: #1b1b1b;
	margin-left: 2px
}

.history li h4 {
	font-size: 24px;
	color: #626262
}

.history .middle {
	margin-left: 3%;
	margin-right: 3%
}

.goodat {
	margin-top: 200px
}

.goodat .left,.goodat-list li {
	float: left;
	margin-right: 5%;
	width: 45%
}

.goodat .left img {
	width: 100%
}

.goodat .right {
	float: right;
	width: 50%
}

.goodat .right .title h3 {
	font-size: 100px
}

.goodat .right .title h4 {
	font-size: 50px;
	color: #7d7d7d
}

.goodat .right .goodat-info {
	margin-top: 80px
}

.goodat .right .goodat-info h3 {
	font-size: 30px;
	font-weight: 700;
	color: #fd0037
}

.goodat .right .goodat-info p,.goodat-list li p {
	font-size: 16px;
	color: #626262;
	margin-top: 20px;
	line-height: 36px
}

.goodat-list {
	margin-top: 100px;
	padding-left: 5%
}

.goodat-list li {
	width: 28%;
	margin-top: 100px
}

.goodat-list li h3 {
	margin-bottom: 20px
}

.advanced-info .left .left-info i,.goodat-list li .icon-line {
	width: 30px;
	height: 3px;
	display: inline-block;
	background: #1b1b1b
}

.goodat-list li p {
	line-height: 32px;
	margin-top: 10px
}

.advanced-info {
	background: url(../images/advancedbg.jpg) no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	margin-top: 200px;
	position: relative
}

.advanced-info .left {
	position: absolute;
	background: rgba(255,255,255,.9);
	padding: 60px;
	left: 80px;
	top: -20px;
	z-index: 9;
	width: 750px
}

.advanced-info .left h3,.goodat-list li h3 {
	font-size: 30px;
	font-weight: 700
}

.advanced-info .left .left-info {
	margin-top: 40px
}

.advanced-info .left .left-info i {
	margin-top: 30px
}

.advanced-info .left .left-info p {
	margin-top: 20px;
	font-size: 16px;
	line-height: 32px
}

.advanced-info .right {
	float: right;
	text-align: right;
	margin-top: 70px
}

.advanced-info .right p {
	margin-top: 50px;
	font-size: 20px
}

.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0 {
	font-size: 8vw;
	color: #fd0037
}

.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1 {
	font-size: 7vw;
	color: #7d7d7d
}

.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2 {
	font-size: 5vw;
	color: #f2f2f2
}

.addstyle {
	margin-top: -20px
}

.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i {
	opacity: 0;
	display: inline-block;
	vertical-align: text-bottom;
	transform: translateY(120px);
	-webkit-transform: translateY(120px);
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s
}

.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft {
	position: relative;
	z-index: 1
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i {
	display: inline-block;
	text-align: left
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i b {
	opacity: 0;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	transition: all .6s ease-out 0s;
	-webkit-transition: all .6s ease-out 0s;
	width: 10%
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft.act i b {
	width: 100%;
	opacity: 1
}

.ovf-hidden {
	overflow: hidden;
	height: 100%
}

.ajax-loading {
	z-index: 2147483647;
	background-color: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
	display: none;
	opacity: .6
}

.caidan dd,.caidan dir,.caidan div,.caidan dl,.caidan dt,.caidan li,.caidan ul {
	margin: auto;
	position: relative
}

.caidan a {
	text-decoration: none;
	color: inherit
}

.pn {
	display: block
}

.c {
	padding-top: 30%
}

.tx2 {
	font-size: 18px
}

.tx2 i {
	font-size: 14px;
	color: #999
}

.c1,.c2,.c3 {
	top: 0;
	width: 20%;
	height: 80%
}

.c1 {
	left: 70%
}

.c2 {
	left: 40.2%
}

.c3 {
	left: 10%
}

.c1 p,.c2 p,.c3 p {
	text-align: center;
	width: 100%;
	bottom: 0
}

#mu,.c1 ul,.c1 ul li,.c1 ul li dir,.c2 div,.c2 div dl,.c2 div dt,.c2 li,.c2 ul,.c2 ul li dir,.c3 dir,.c3 dt,.c3 li,.c3 ul {
	border-radius: .3em
}

.c1 ul li dd,.c1 ul li dt,.c2 ul li dd,.c2 ul li dt,.c3 dd {
	border-radius: 1em
}

.c1 ul li dd,.c1 ul li dt,.c2 ul li dd,.c2 ul li dt {
	background: #fd0037
}

.c1 ul,.c2 div,.c2 ul,.c3 li {
	background: #d5d5d5
}

#mu,.a,.c,.c1 ul li,.c1:hover dd,.c2 div dl,.c2 ul li,.c3 dd,.c3 dir {
	background: #fff
}

.c1 ul {
	top: 20%;
	height: 60%
}

.c1 ul,.c2 ul {
	width: 40%
}

.c3 ul {
	top: 20%;
	height: 60%
}

.c1 ul li,.c2 ul li {
	top: 2%;
	width: 92%;
	height: 96%
}

.c1 ul li dd,.c2 ul li dd {
	top: 2.5%;
	width: 20%;
	height: 2%
}

.c1 ul li dir {
	background: #d5d5d5
}

.c1 ul li dir,.c2 ul li dir {
	top: 5%;
	width: 88%;
	height: 80%
}

.c1 ul li dt,.c2 ul li dt {
	top: 7%;
	width: 15%;
	height: 8%
}

.c1:hover ul {
	width: 89%;
	height: 45%
}

.c1:hover dt,.c1:hover li {
	top: 7%;
	width: 99%;
	border-radius: 0;
	height: 70%
}

.c1:hover dd {
	top: 110%;
	width: 5%;
	height: 7%;
	background: #fd0037
}

.c1:hover dt {
	top: 120%;
	width: 20%;
	height: 40%;
	background: #ddd
}

.c1:hover dir {
	top: 160%;
	height: 5%;
	width: 50%;
	background: #ddd
}

.c2 ul {
	height: 45%;
	top: -10%;
	right: 10%
}

.c2 ul li dir,.c3 dt,.c3 ul {
	background: #d5d5d5
}

.c3 dt:first-child {
	background: #fd0037
}

.c2 div {
	top: 20%;
	width: 80%;
	height: 45%
}

.c2 div dl {
	top: 4%;
	width: 95%;
	height: 75%
}

.c2 div dt {
	top: 24%;
	width: 50%;
	height: 25%;
	background: #ddd;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.c2:hover div {
	transform: rotateX(0) rotatey(180deg) rotateZ(0)
}

.c2:hover ul {
	right: -10%
}

.c3 ul {
	width: 55%
}

.c3 li {
	height: 92%
}

.c3 dd,.c3 div {
	top: 8%;
	width: 40%;
	height: 8%
}

.c3 dir {
	top: 15%;
	width: 90%;
	height: 70%
}

.c3 div {
	top: 30%;
	height: 43%
}

.c3 dt {
	width: 40%;
	height: 40%;
	margin: 5%;
	float: left
}

.c3:hover ul {
	width: 65%
}

.c3:hover dd {
	height: 5%
}

.c3:hover dir {
	height: 80%
}

.c3:hover div {
	-webkit-animation: c3_1 1s;
	animation: c3_1 1s
}

.c3:hover dt {
	-webkit-animation: c3_2 2s;
	animation: c3_2 2s
}

#about_c1 svg,#about_c2 svg,#about_c3 svg,#out,.about_a svg,.b iframe,.b p,.b svg,.b ul,.b ul li,.b1,.b2,.b3,.b6 li,.b6_0,.b6_e,.b6_e b,.b7_a,.b7_a i,.b7_a i p,.b7_b,.b7_b svg,.b7_c,.b7_c i,.b8 svg,.b_menu,.box,.box dt,.c1,.c1 p,.c2,.c2 p,.c3,.c3 p,.d_title2,.laoding,.laoding ul li,.pa,.works li,.works li i,.works_menu ul,.works_menu ul li {
	position: absolute
}

.a4,.c1 p i,.c2 p i,.c3 p i,.co2 {
	color: #b9b9b9
}